<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<link rel="stylesheet" href="css/index.css">
	</head>

	<body>
		<h1> 9.13  display属性 表/9.13  demo  </h1>
		
<!-- 		
		<div class="block">
			AAAA 块级元素
		</div>
		
		
		<div class="inline">行内元素 BBBBBBB</div>
		frank
		<div class="block">BBB块级元素</div>
	
		<div class="inline-block">行内块元素</div>
		 -->
		 
		 
		 
		 
		 <!-- exmple2 -->
		 <div class="block">
		 	AAAA 块级元素
		 </div>
		 <div>
			 
			 Lorem ipsum dolor sit amet,consectetur adipisicing elit. Fugiat corporis velit non harum alias nobis dolore dignissimos
			 <div style="padding: 20px;" class="inline">行内元素 BBBBBBB</div>  molestias consectetur soluta. Et nulla animi deserunt dolor molestiae perferendis nemo quibusdam consectetur.
			 
			 
			 
		 </div> 
		 
		 
		 <div>
			 
			 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus <div style="padding: 20px;" class="inline-block">行内块元素</div> quibusdam ab adipisci accusamus nemo at a cum eaque modi tenetur nam similique voluptas architecto quae ipsam maxime culpa. Impedit similique.
		 </div>
		 
		
	</body>
</html>
